<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js"></script>

    <link
      href="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />

    <title>关于我们 —— 楼氏集团</title>
  </head>
  <body>
    <!-- Header -->
    <header class="">
      <div class="logo">
        <img src="./assets/images/nav_logo.png" alt="楼氏集团" />
      </div>
      <nav>
        <ul>
          <li class="active">
            <a href="#"><span>首页</span></a>
          </li>
          <li>
            <a href="#"><span>关于我们</span></a>
          </li>
          <li>
            <a href="#"><span>合作案例</span></a>
          </li>
          <li>
            <a href="#"><span>海量资源</span></a>
          </li>
          <li>
            <a href="#"><span>商务合作</span></a>
          </li>
          <li>
            <a href="#"><span>全国布局</span></a>
          </li>
        </ul>
      </nav>
      <div class="burger" id="header-burger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>

    <!-- Banner -->
    <div class="banner">
      <img src="./assets/images/about_banner.png" alt="" />
    </div>

    <!-- HISTORY -->
    <section class="section history-section">
      <div class="container">
        <div class="title-box">
          <h1>HISTORY<br />发展历程</h1>
        </div>
        <div class="history-box">
          <div class="glide" id="history-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O14</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O15</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O16</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O17</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O18</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O19</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O20</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="history-item">
                    <div class="history-content">
                      <h1>2O21</h1>
                      <p>
                        “楼氏”旗下段子手矩阵迅速扩张至近百位,公司业绩和规模成倍增长，成为当年各大主流媒体争先报道的行业黑马。<br /><br />
                        创始人袁琢先后登上《智族GQ》、《芭莎男士》、广东卫视等。
                      </p>
                    </div>
                    <img
                      class="history-img"
                      src="./assets/images/about_history_2015.jpeg"
                      alt=""
                    />
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a
                class="glide__arrow glide__arrow--right"
                data-glide-dir=">"
              ></a>
            </div>
          </div>
          <ul class="history-dots">
            <li><a href="javascript:void(0)">2014</a></li>
            <li><a href="javascript:void(0)">2015</a></li>
            <li><a href="javascript:void(0)">2016</a></li>
            <li><a href="javascript:void(0)">2017</a></li>
            <li><a href="javascript:void(0)">2018</a></li>
            <li><a href="javascript:void(0)">2019</a></li>
            <li><a href="javascript:void(0)">2020</a></li>
            <li><a href="javascript:void(0)">2021</a></li>
          </ul>
        </div>
      </div>
    </section>

    <!-- BUSINESS -->
    <section class="section business-section">
      <div class="container">
        <div class="title-box">
          <h1>BUSINESS<br />五大业务体系</h1>
        </div>
        <div class="business-box">
          <div class="glide" id="business-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="business-item">
                    <img
                      class="big"
                      src="./assets/images/about_business_1.png"
                      alt="全案整合营销"
                    />
                    <img
                      src="./assets/images/about_business_m_1.png"
                      alt="全案整合营销"
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="business-item">
                    <img
                      class="big"
                      src="./assets/images/about_business_1.png"
                      alt="代运营"
                    />
                    <img
                      src="./assets/images/about_business_m_1.png"
                      alt="代运营"
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="business-item">
                    <img
                      class="big"
                      src="./assets/images/about_business_1.png"
                      alt="内容电商"
                    />
                    <img
                      src="./assets/images/about_business_m_1.png"
                      alt="内容电商"
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="business-item">
                    <img
                      class="big"
                      src="./assets/images/about_business_1.png"
                      alt="品牌升级"
                    />
                    <img
                      src="./assets/images/about_business_m_1.png"
                      alt="品牌升级"
                    />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="business-item">
                    <img
                      class="big"
                      src="./assets/images/about_business_1.png"
                      alt="数据分析赋能"
                    />
                    <img
                      src="./assets/images/about_business_m_1.png"
                      alt="数据分析赋能"
                    />
                  </div>
                </li>
              </ul>
            </div>
            <!-- <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a
                class="glide__arrow glide__arrow--right"
                data-glide-dir=">"
              ></a>
            </div> -->
          </div>
          <ul class="business-dots">
            <li>
              <a href="javascript:void(0)">
                <p>全案整合营销</p>
                <span>WHOLE CASE INTEGRATED MARKETING</span>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)">
                <p><span>代</span><span>运营</span></p>
                <span><span>AGENCY </span><span>OPERATIONS</span></span>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)">
                <p>内容电商</p>
                <span>CONTENT E-COMMERCE</span>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)">
                <p>品牌升级</p>
                <span>BRAND UPGRADE</span>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)">
                <p>数据分析赋能</p>
                <span>DATA ANALYSIS EMPOWERMENT</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </section>

    <!-- News -->
    <section class="section news-section">
      <div class="container">
        <div class="title-box">
          <h1 class="text-white">NEWS<br />最新资讯</h1>
          <p class="text-white">了解最近楼氏，洞察新营销机会。</p>
        </div>
        <div class="news-box">
          <div class="glide" id="news-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_1.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_2.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_3.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a
                class="glide__arrow glide__arrow--right"
                data-glide-dir=">"
              ></a>
            </div>
          </div>
          <a class="news-btn" href="#">更多资讯</a>
        </div>
      </div>
    </section>

    <!-- Client -->
    <section class="section client-section">
      <div class="container">
        <div class="title-box">
          <h1>CLIENT<br />合作伙伴</h1>
          <p>长期与国内各大知名品牌深度合作</p>
        </div>
        <div class="client-box">
          <div class="glide" id="client-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_1.png" alt="" />
                    <img src="./assets/images/home_client_2.png" alt="" />
                    <img src="./assets/images/home_client_3.png" alt="" />
                    <img src="./assets/images/home_client_4.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_5.png" alt="" />
                    <img src="./assets/images/home_client_6.png" alt="" />
                    <img src="./assets/images/home_client_7.png" alt="" />
                    <img src="./assets/images/home_client_8.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_9.png" alt="" />
                    <img src="./assets/images/home_client_10.png" alt="" />
                    <img src="./assets/images/home_client_11.png" alt="" />
                    <img src="./assets/images/home_client_12.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_13.png" alt="" />
                    <img src="./assets/images/home_client_14.png" alt="" />
                    <img src="./assets/images/home_client_15.png" alt="" />
                    <img src="./assets/images/home_client_16.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_17.png" alt="" />
                    <img src="./assets/images/home_client_18.png" alt="" />
                    <img src="./assets/images/home_client_19.png" alt="" />
                    <img src="./assets/images/home_client_20.png" alt="" />
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a
                class="glide__arrow glide__arrow--right"
                data-glide-dir=">"
              ></a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Contact -->
    <section class="section contact-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>CONTACT<br />联系我们</h1>
          <p>免费定制推广营销策略，留下您的联系方式</p>
        </div>
        <div class="contact-box">
          <div class="contact-content">
            <ul class="contact-info">
              <li>
                <label>联系人</label>
                <p>魏思颖</p>
              </li>
              <li>
                <label>电话</label>
                <p>13717139306</p>
              </li>
              <li>
                <label>QQ</label>
                <p>2212963493</p>
              </li>
              <li>
                <label>电子邮箱</label>
                <p>qianbi@daailoushi.com.cn</p>
              </li>
            </ul>
            <div class="qrcode-box">
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_QQ.jpeg"
                  alt="联系人QQ二维码"
                />
                <span>联系人QQ二维码</span>
              </div>
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_wechat.jpeg"
                  alt="公众号"
                />
                <span>公众号</span>
              </div>
            </div>
            <a class="contact-btn" href="#">商务合作方式</a>
          </div>
          <div class="contact-form">
            <h2>您的联系方式</h2>
            <div class="contact-input">
              <input type="text" placeholder="请输入您的称呼" />
              <input type="text" placeholder="请输入您的邮箱地址" />
              <input type="text" placeholder="请输入您的联系方式  " />
              <input type="text" placeholder="请输入您的微信号码" />
            </div>
            <textarea
              rows="4"
              placeholder="请输入您的需求描述"
              width="100%"
              height="100%"
            ></textarea>
            <a class="contact-submit" href="#">提 交</a>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="footer-bd">
        <div class="container">
          <div class="footer-bd-wrap">
            <img src="./assets/images/footer_slogan.png" alt="楼氏集团" />
            <a href="#">友情链接</a>
          </div>
        </div>
      </div>
      <div class="footer-ft">
        <div class="container">
          <a href="#">
            <img src="./assets/images/footer_icon_beian.png" alt="" />
            <span
              >粤ICP备19082438号｜粤公网安备 44030502004664号
              楼氏（深圳）文化传媒集团有限公司</span
            >
          </a>
        </div>
      </div>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/glide.min.js"></script>
    <script src="./assets/js/index.js"></script>
  </body>
</html>
